﻿<script type="text/javascript">
  var licznik = 0;
  var timerId = null;
  function btnStartClick()
  {
    if(timerId) return;
    var tf1 = document.getElementById('tf1');
    if(!tf1) return;
    
    var arr = tf1.value.split(":", 2);
    var minuty = parseInt(arr[0]);
    var sekundy = parseInt(arr[1]);
    
    if(isNaN(minuty) || isNaN(sekundy) || sekundy < 0 ||
      sekundy > 59 || minuty < 0 ){
      alert("Prawidłowym formatem jest MM:SS, np. 1:28.");
      return;
    }
    
    licznik = minuty * 60 + sekundy;
    
    tf1.disabled = true;
    if(licznik == 0) licz();
    else
      timerId = setInterval("licz();wyswietl();", 1000);
  }
  function btnStopClick()
  {
    if(!timerId) return;
    clearInterval(timerId);
    timerId = null;
    
    var tf1 = document.getElementById('tf1');
    if(!tf1) return;
    tf1.disabled = false;
  }
  function wyswietl()
  {
    var sekundy = licznik % 60;
    var minuty = Math.floor(licznik / 60);
    
    sekundy = sekundy < 10 ? "0" + sekundy : sekundy;
    minuty = minuty < 10 ? "0" + minuty : minuty;
    
    var tf1 = document.getElementById('tf1');
    if(tf1) tf1.value = minuty + ":" + sekundy;
  }
  function licz()
  {
    if(--licznik <= 0){
      licznik = 0;
      wyswietl();
      clearInterval(timerId);
      timerId = null;
      alert("Upłynął zadany czas!");
      var tf1 = document.getElementById('tf1');
      if(!tf1) return;
      tf1.disabled = false;
    }
  }
</script>